<template>
    <svg
        id="Mirror-Logo"
        data-name="Mirror Logo"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        viewBox="0 0 974 974"
        :width="size"
        :height="size"
    >
        <defs>
            <linearGradient
                id="linear-gradient"
                x1="476.83"
                y1="497.45"
                x2="477.37"
                y2="496.69"
                gradientTransform="matrix(701.1, 0, 0, -973.04, -333889.75, 484075.51)"
                gradientUnits="userSpaceOnUse"
            >
                <stop offset="0" stop-color="#999" />
                <stop offset="0.34" stop-color="#fff" />
                <stop offset="1" stop-color="#999" />
            </linearGradient>
            <linearGradient
                id="linear-gradient-2"
                x1="476.35"
                y1="497.32"
                x2="477.24"
                y2="496.38"
                gradientTransform="matrix(758.17, 0, 0, -794.13, -361170.2, 395338.61)"
                gradientUnits="userSpaceOnUse"
            >
                <stop offset="0" stop-color="gray" />
                <stop offset="0.23" stop-color="#7e7e7e" />
                <stop offset="0.31" stop-color="#777" />
                <stop offset="0.37" stop-color="#6c6c6c" />
                <stop offset="0.42" stop-color="#5b5b5b" />
                <stop offset="0.46" stop-color="#454545" />
                <stop offset="0.48" stop-color="#363636" />
                <stop offset="1" stop-color="gray" />
            </linearGradient>
        </defs>
        <image
            width="710"
            height="941"
            transform="translate(132 16.5)"
            xlink:href=""
        />
        <g id="Artboard">
            <g id="logo">
                <path
                    id="Path"
                    d="M487,25.42h0c185.25,0,354,168.77,354,354l-6.2,562.83-12.4-12.4,43.64,43.64h0v-594A379.2,379.2,0,0,0,165,179.42L185,199.48C243.07,99.5,363.08,25.42,487,25.42Z"
                    style="fill: url(#linear-gradient)"
                />
                <path
                    id="Path-2"
                    data-name="Path"
                    d="M108,973.55H866.09l-31.25-31.24H139.2V379.48c0-61.31,17.08-130.55,45.8-180l-20.08-20.06a376.51,376.51,0,0,0-57,200.08Z"
                    style="fill: url(#linear-gradient-2)"
                />
            </g>
        </g>
    </svg>
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component';

@Options({
    props: {
        size: Number,
    },
})
export default class Mirror extends Vue {}
</script>

<style></style>
